<template>
    
    <div id="snowimage">
        <div class="xctp_jj"><img src="../image/间距.png" alt=""></div>
        <div class="gdtp">
            <ul  v-infinite-scroll="load" style="overflow:auto" >
                <li v-for="i in count" class="infinite-list-item"><img src="../image/snowsx.png" alt=""></li>

            </ul>
        </div>
        
    </div>
</template>
<script>
export default {
    data () {
      return {
        count: 3
      }
    },
    methods: {
      load () {
        this.count += 0
      }
    }
}
</script>
<style scoped>
    #snowimage{
        width: 1184px;
        height: 778px;
        margin-top: 40px;
        margin-left: 15px;
        background-color: #fff;
        overflow: hidden;
    }
    .xctp_jj{
        margin-top: 15px;
        margin-left: 20px;
    }
    .gdtp>ul{
        list-style: none;
    }
    .gdtp>ul>li{
        width: 368px;
        height: 216px;
        float: left;
        /* background-color: yellowgreen; */
       margin: 0 5px 10px 0;
       
    }
    .gdtp{
        width: 1136px;
        height: 100%;
        /* background-color: hotpink; */          
        margin: auto;
        overflow: auto;
    }
</style>